<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@ taglib prefix="s" uri="/struts-tags" %>
<script type="text/javascript">
	//아이디 저장 경고메세지 출력
	function confirmSave(checkbox) {
		var reply;
		
		if (checkbox.checked) {
			reply = confirm("아이디를 저장하시겠습니까?");
			if (!reply)
				checkbox.checked = false;
		}
	}
	//자동로그인 경고메세지 출력
	function autoLogSave(checkbox){
		var auto;
		
		if(checkbox.checked){
			auto = confirm("자동로그인 하시겠습니까?");
			if(!auto)
				checkbox.checked = false;
		}
	}
	
	function loginForm() {
		if (document.loginform.id.value == "") {
			alert('아이디를 입력하세요');
			document.loginform.id.focus();
			return false;
		}
		if (document.loginform.pwd.value == "") {
			alert('비밀번호를 입력하세요');
			document.loginform.pwd.focus();
			return false;
		}
		//아이디저장 체크가 되있으면 setCookie로 id값을 전달
		if (document.loginform.useId.checked == true) { // 아이디 저장을 체크 하였을때
			setCookie("id", document.loginform.id.value, 7); //쿠키이름을 id로 아이디입력필드값을 7일동안 저장
		} else { // 아이디 저장을 체크 하지 않았을때
			setCookie("id", document.loginform.id.value, 0); //날짜를 0으로 저장하여 쿠키삭제
		}
		
		//자동로그인에 체크가 되있으면 
		if(document.loginform.useLog.checked == true){ //자동로그인 체크했을때
			setLogCookie("logId",document.loginform.id.value,1); //쿠키이름을 logId로 id값을 1일동안 저장
			setLogCookie("logPwd",document.loginform.pwd.value,1); //쿠키이름을 logPwd로 id값을 1일동안 저장
		}else{
			setLogCookie("logId",document.loginform.id.value,0); //날짜를 0으로 저장하여 쿠키삭제
			setLogCookie("logPwd",document.loginform.pwd.value,0); //날짜를 0으로 저장하여 쿠키삭제
		}
	}

	//아이디기억 쿠키값을 받아 저장한다.
	function setCookie(name, value, expiredays){ //쿠키 저장함수
		var todayDate = new Date();
		todayDate.setDate(todayDate.getDate() + expiredays);
		document.cookie = name + "=" + escape(value) + "; path=/; expires="
				+ todayDate.toGMTString() + ";"
	}
	//자동로그인 쿠키값을 받아 저장한다.
	function setLogCookie(name, value, expiredays){//쿠키저장함수
		var todayDate = new Date();
		todayDate.setDate(todayDate.getDate() + expiredays);
		document.cookie = name + "=" + escape(value) + "; path=/; expires="
		+ todayDate.toGMTString() + ";";
	}

	//아이디 저장 쿠키값을 불러온다.
	function getCookie(Name) {
		var search = Name + "=";
		if (document.cookie.length > 0) { // if there are any cookies
			offset = document.cookie.indexOf(search);
			if (offset != -1) { // if cookie exists
				offset += search.length; // set index of beginning of value
				end = document.cookie.indexOf(";", offset); // set index of end of cookie value
				if (end == -1)
					end = document.cookie.length;
				return unescape(document.cookie.substring(offset, end));
			}
		}
	}
	//자동로그인 쿠키값을 불러온다.
	function getLogCookie(Name){
		var search = Name + "=";
		if (document.cookie.length > 0) { // if there are any cookies
			offset = document.cookie.indexOf(search);
			if (offset != -1) { // if cookie exists
				offset += search.length; // set index of beginning of value
				end = document.cookie.indexOf(";", offset); // set index of end of cookie value
				if (end == -1)
					end = document.cookie.length;
				return unescape(document.cookie.substring(offset, end));
			}
		}
	}
	//새로고침 될때마다 실행
	window.onload = function() {

		if (getCookie("id") != null) { // getCookie함수로 id라는 이름의 쿠키를 불러와서 있을경우
			document.loginform.id.value = getCookie("id"); //input 이름이 id인곳에 getCookie("id")값을 넣어줌
			document.loginform.useId.checked = true; // 체크는 체크됨으로
		}
		if(getLogCookie("logId") != null && getLogCookie("logPwd") != null){
			document.loginform.id.value = getLogCookie("logId");
			document.loginform.pwd.value = getLogCookie("logPwd");
			document.loginform.submit();
		}
	}
	
	function logout(){
		var logout_Id,logout_Pw;
		if(getLogCookie("logId") != null && getLogCookie("logPwd") != null){
			logout_Id = getLogCookie("logId");
			logout_Pw = getLogCookie("logPwd");
		}
		setLogCookie("logId",logout_Id,0); //날짜를 0으로 저장하여 쿠키삭제
		setLogCookie("logPwd",logout_Pw,0); //날짜를 0으로 저장하여 쿠키삭제
		location.href ='logout.action';
		
		
	}

	function findId(loginform) {
		var url = "idfind.action";
		open(
				url,
				"confirm",
				"toolbar=no, location=no, status=no, menubar=no, scrollbars=yes, resizable=no, width=410, height=400");
	}

	function findpwd(loginform) {
		var url = "pwdfind.action";
		open(
				url,
				"confirm",
				"toolbar=no, location=no, status=no, menubar=no, scrollbars=yes, resizable=no, width=410, height=400");
	}
</script>
<div id="login">
	<s:if test="#session.session_id==null">
	<form action="login.action" name="loginform" method="post" onsubmit="return loginForm();">
		<fieldset>
		<legend>로그인폼</legend>
		<p><strong>MEMBER LOGIN</strong></p>
		<p>로그인이 필요한 사이트 입니다.</p>
		<p><label for="id" class="log_label">ID</label> : <input type="text" maxlength="16" class="log_input" name="id" /></p>
		<p><label for="pwd" class="log_label">PW</label> : <input type="password" maxlength="16" class="log_input" name="pwd" /></p>
		<p>
			아이디 기억하기
			<input type="checkbox" name="useId" onclick="confirmSave(this)"/>
			자동로그인
			<input type="checkbox" name="useLog" onclick="autoLogSave(this)"/>
		</p>
		<p class="align_r"><input type="submit" value="로그인" />&nbsp;&nbsp; </p>
		
		<p><a href="agreement.action"><strong>NEW MEMBER JOIN US!</strong><br /> 회원가입 페이지로 이동합니다!</a></p>
		<p><a href="javascript:findId()"><strong>FORGET YOUR ID?</strong><br /> 아이디를 분실하셨나요?</a></p>
		<p><a href="javascript:findpwd()"><strong>FORGET YOUR PASSWORD?</strong><br /> 비밀번호를 를 분실하셨나요?</a></p>
	</fieldset>
	</form>
	</s:if>
	<s:else>
		<p><strong>Welcome to Ming!!</strong><br /> <strong>Ming</strong>에 오신것을 환영합니다. </p>
		<p><strong>${session.session_id}</strong>님 로그인중입니다.</p>
		<!-- <P>이벤트에 참여하시면 더욱 즐거운 MING을 느낄수 있습니다. </P> -->
		<p class="align_r mar_b_20">
		<input type="button" value="로그아웃" onclick="logout()" />
		</p>
		<p><a href="buyPointView.action"><strong>BUY POINT!</strong><br /> 포인트를 구매하시면 더욱 많은 이벤트를 즐기실 수 있습니다!</a></p>
		<p><a href="mypage.action"><strong>MYPAGE!</strong><br /> 마이페이지로 이동합니다!</a></p>
		<p><a href="memberinfo.action"><strong>MEMBER INFO!</strong><br /> 회원정보페이지로 이동합니다!</a></p>
	</s:else>
	
</div>

